<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style  type="text/css">
			.circle{
				border:41px dotted gold;
				border-radius: 160px;
				overflow: hidden;
			}
		</style>
		<script src="../js/jquery-3.4.1.min.js"></script>
		<script>
			$(function() {
				$("*").css("margin","4px");
			 $("ul li:empty").html("萝卜");
			 $("ul li:even").css({"font-size":"49px","color":"red","border":"1px solid green"});
			 $("ul li:contains(子)").css({"font-size":"100px"});	
			 $("ul li:not(.bo)").css("background-color","blue");
			 $("ul li:first").attr("align","right");//属性
			 
			 var t=$("ul li:eq(4)").html();
			 alert("第五个是："+t);
			 //$("ul li:eq(4)").html("<a href='http://www.taobao.com' target='_blank'>taobao</a>");
			 $("ul li:eq(4)").text("<a href='http://www.taobao.com' target='_blank'>taobao</a>");
				
			 $("input[type=button]").click(function(){
				 //$("ul").addClass("circle");
				 $("ul").toggleClass("circle");
			 });	
			});
		</script>
	</head>
	<body>
		<ul>
			<li>葡萄</li>
			<li>香蕉</li>
			<li>柠檬</li>
			<li>柿子</li>
			<li class="bo">菠萝</li>
			<li>桃子</li>
			<li>苹果</li>
			<li>西瓜</li>
			<li></li>
		</ul>
		<input type="button" value="添加样式" />
	</body>
</html>
